.pointer {
    cursor: pointer;
}

.lonlatcontainer {
    position: absolute;
    bottom: 10px;
    right: 0px;
    padding: 10px;
    z-index: 9;
    width: 360px;
    text-align: center;
    height: fit-content;
    font-family: "Times New Roman", Times, serif;
    font-size: larger;
    /* font-weight: bold; */
}

.sim-leftmenue {
    position: absolute;
    top: 160px;
    left: 20px;
    /* padding: 10px; */
    /* border: 1px solid #ccc; */
    z-index: 9;
    width: 300px;
    height: fit-content;
    /* display: none; */
}




.ol-zoom {
    bottom: 0.5em;
    left: 0.5em;
    top: auto;
}

span.el-tree-node__label {
    font-size: large;
    font-family: "Times New Roman", Times, serif;
}

.el-tree-node__content {
    height: fit-content;
    margin-top: 1px;
    margin-bottom: 1px;
}

.layertitle {
    font-size: x-large;
    font-family: "Times New Roman", Times, serif;
}

.container {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}



.sim-menuContainer {
    position: absolute;
    background-color: rgba(245, 245, 245, 0.936);
    width: 100%;
    /* height: 70px; */
    height: fit-content;
    line-height: 70px;
    top: 147px;
    left: 0px;
    z-index: 2;
    border-bottom: rgb(171 155 155);
    border-bottom-style: outset;
    border-width: 1.4px;
    display: flex;
    padding-top: 3px;
    padding-bottom: 3px;
}

.sim-menuBar .el-divider--vertical {
    background-color: #7c7878;
    height: 60%;
    width: 1.2px
}

.el-button--small.is-round {
    background-color: rgba(245, 245, 245, 0.064);
    color: black;
    border: none;
    font-size: large;
    font-family: "Times New Roman", Times, serif;
    margin-left: 36px;
    font-weight: bold;
    /* font-weight: bold; */
    /* padding: 5px; */
}

.imgcontainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 50px;
    height: fit-content;

    padding: 5px;
    margin-left: 2px;
    cursor: pointer;
}

.imgcontainer:hover {
    background-color: rgba(219, 216, 216, 0.6);
    border-radius: 5px;
}

.img {
    height: 36px;
    width: 36px;
    margin: 0px;
    padding: 0px;
    /* background-color: red; */
}

.textcontainer {
    height: 20px;
    widows: 100%;
    line-height: 20px;
    font-family: "Times New Roman", Times, serif;
    margin-top: 2px;
    /* background-color: rebeccapurple; */
}

.box-card {
    height: fit-content;
    width: 400px;
    position: absolute;
    left: 40%;
    top: 30%;
    z-index: 9;
    display: flex;
    flex-direction: column;
    grid-template-columns: 100%;
    background-color: rgb(237, 239, 239);
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    border-radius: 2px;
    cursor: move;
}



.titleText {
    font-size: larger;
    margin-left: 5px;
}

.cardContent {
    height: 160px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: grid;
    grid-template-rows: repeat(4, 25%);
    grid-template-columns: 100%;
}

.lable {
    width: 27%;
    /* font-size:; */
    display: flex;
    justify-content: flex-end;
}

.input {
    width: 73%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.pickupicon {
    position: absolute;
    right: 30px;
    width: 20px;
    cursor: pointer;

}

.content1 {
    grid-area: 1/1/2/2;
    height: 100%;
    display: flex;
    align-items: center;
    padding-top: 2px;
    padding-bottom: 2px;
    /* background-color: white; */
}

.content2 {
    grid-area: 2/1/3/2;
    height: 100%;
    display: flex;
    align-items: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

.content3 {
    grid-area: 3/1/4/2;
    height: 100%;
    display: flex;
    align-items: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

.content4 {
    grid-area: 4/1/5/2;
    height: 100%;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    /* justify-content: flex-end; */
    padding-top: 2px;
    padding-bottom: 2px;
}

.content4_1 {
    display: flex;
    align-items: center;
    /* flex-direction: column; */
    justify-content: flex-start;
    width: 50%;
}

.loadText {
    font-size: smaller;
}

.loading {
    font-size: 26px;
}

.content4_2 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 50%;
}

.content4_2 .el-button {
    background: rgb(20, 121, 215);
    color: white;
}

/* 顶层菜单栏图标设计 */
.sim-menuBar {
    position: absolute;
    display: flex;
    width: 100%;
    height: 70px;
    padding-left: 20px;

    background-color: rgba(245, 245, 245, 0.936);
    z-index: 2;

    font-family: "Times New Roman", Times, serif;
    border-bottom: rgb(206, 199, 199);
    border-bottom-style: solid;
    border-bottom-width: thin;
    align-items: center;
    box-sizing: border-box;
}

.sim-topiconcard {
    position: relative;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    height: fit-content;
    width: fit-content;
    padding: 5px;

    margin-left: 1px;
    margin-right: 1px;
    border-radius: 6px;

}

.sim-topiconcard:hover {
    color: white;
    cursor: pointer;
    background-color: rgb(20, 121, 215);
}



.sim-topiconcard i {
    font-size: 25px;
    color: rgb(124, 120, 120);
}

.sim-topiconcard:hover i {
    color: white;
}

.sim-topiconcard .font-icon{
    font-size: 25px;
    color: rgb(124, 120, 120);
}
.sim-topiconcard:hover  .font-icon{
    color: white;
}
.sim-topiconcard p {
    font-family: "Times New Roman", Times, serif;
    margin-top: 5px;
    font-size: 14px;
    color: black;
}

.sim-topiconcard:hover p {
    color: white;
}

.sim-topiconcard-image {

    width: 28px;
    height: 28px;
}

/* 模拟菜单弹出卡片设计 */
.sim-boxcard {
    height: fit-content;
    width: 400px;
    position: absolute;
    top: 10%;
    right: 5%;
    z-index: 9;
    display: flex;
    flex-direction: column;
    grid-template-columns: 100%;
    background-color: rgb(237, 239, 239);
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    border-radius: 2px;
    cursor: move;
    box-sizing: border-box;
}

.sim-boxcardTitle {
    /* background-color: rebeccapurple; */
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;

    background-color: rgb(20, 121, 215);
    color: white;
}

.sim-boxcardTitle .title-content {

    height: 100%;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 10px;
}

.sim-boxcardTitle .title-exit {

    height: 100%;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;

}

.sim-boxcardTitle .title-exit i {
    cursor: pointer;
}

.sim-boxcardTitle p {
    font-size: 18px;
    margin-left: 10px;
}

.sim-boxcardTitle i {
    font-size: 18px;
}

.sim-boxcardContent {
    height: fit-content;
    border: 1px solid rgb(215 213 213);
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: auto;
    overflow: auto;
}

.sim-layercard {
    top: 30%;
    left: 40px;
    width: 300px;
}

.sim-toolsboxcard {
    top: 30%;
    left: unset;
    right: 40px;
    width: 200px;
    height: fit-content;
}

.sim-toolsboxContent {
    display: flex;
    flex-direction: column;
    height: fit-content;
    justify-content: center;
}

.sim-toolsboxContent .sim-toolsbox-subcontent {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 6px;
}

.sim-toolsboxContent .sim-toolsbox-subcontent .el-divider--horizontal {
    margin: 0px;
}

.sim-toolsbox-iconcard {
    display: flex;
    height: fit-content;
    width: 50px;
    flex-direction: column;
    align-content: center;
    align-items: center;

    /* padding: 5px; */

    margin-left: 1px;
    margin-right: 1px;
    border-radius: 6px;

    /* border: 2px;
    border-color: rebeccapurple;
    border-style: groove; */
    cursor: pointer;


}

.sim-toolsbox-iconcard i {
    font-size: 26px;
    color: rgb(124, 120, 120);
}

.sim-toolsbox-iconbox {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2px;
    margin-bottom: 4px;
    border-radius: 10px;


    /* 阴影 */
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2), -2px -2px 2px rgba(255, 255, 255, 1);

    /* 过度时间 */
    transition: all 0.2s ease-out;
}

/* .sim-toolsbox-iconcard:hover {
    /* background-color: rebeccapurple; */
/* font-size: 20px; */
/* } */

.sim-toolsbox-iconcard .sim-toolsbox-iconbox i {
    font-size: 26px;
    transition: all 0.2s ease-out;
}

.sim-toolsbox-iconbox:hover {

    box-shadow: 0px 0px 0px rgb(0 0 0 / 20%), 0px 0px 0px rgb(255 255 255 / 80%),
        inset 2px 2px 2px rgb(0 0 0 / 10%),
        inset -2px -2px 2px rgb(255 255 255);
    transition: box-shadow .2s ease-out;
}

.sim-toolsbox-iconcard:hover i {
    font-size: 25px;
}

/* 模型配置卡片设计 */
.sim-boxcard .sim-boxcardTitle img {
    width: 25px;
    height: 25px;
}

.sim-modelconfig {
    width: fit-content;
}

.sim-boxcard .sim-modelconfigcontent .sim-modelconfig-subconfig {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.sim-boxcard .sim-modelconfigcontent .sim-modelconfig-subconfig .el-switch {
    width: 100%;
    justify-content: space-between;
}

.sim-boxcard .sim-modelconfigcontent .sim-modelconfig-subconfig p {
    width: fit-content;
}




.sim-boxcard .sim-modelconfigcontent .sim-modelconfig-subconfig .sim-subconfig-modelchose {
    display: flex;
    align-items: center;
    width: 186px;
    position: relative;
    margin-left: 8px;
    justify-content: flex-start;
}



.sim-boxcard .sim-modelconfigcontent .sim-modelconfig-subconfig .sim-subconfig-modelchose i {
    /* position: absolute;
    right: 0px;
    top: 100%; */
    cursor: pointer;
    color: gray;
    font-size: 20px;
    margin-left: 8px;
    /* background-color: red; */
}

.sim-boxcard .sim-modelconfigcontent .sim-modelconfig-subconfig .sim-subconfig-modelchose .sim-dropdown {
    right: -30%;
    top: 100%;
    margin-top: 10px;
}

.sim-dropdown {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 5px 0;
    background-color: #FFF;
    border: 1px solid #EBEEF5;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
}

.sim-dropdown .sim-dropdown-item {
    list-style: none;
    padding: 0 10px;
    margin: 0;
    font-size: 14px;
    color: #606266;
    cursor: pointer;
    outline: 0;
    line-height: 36px;
    /* height: fit-content;
    width: fit-content; */
    /* border-radius: 2px; */
}

.sim-dropdown .sim-dropdown-item p {
    font-size: 14px;
    margin-right: 0px;
    /* padding: 10px; */
    color: rgb(124, 120, 120);
}

.sim-dropdown .sim-dropdown-item:hover {
    background-color: rgb(20, 121, 215, 0.1);
}



/* 弹出窗设计 */
.swal-modal {

    width: 400px;
}

.swal-button {

    background-color: rgb(20, 121, 215);

}



/* 新版模型配置界面卡片设计 */
.subtitle {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: fit-content;
    width: 100%;
    margin-bottom: 5px;
    cursor: default;
    /* background: rebeccapurple; */
}

.subtitle i {
    color: rgb(76, 118, 199);
    margin-right: 5px;
    font-size: 18px;

}

.subtitle p {
    color: rgb(76, 118, 199);
    font-size: 16px;
}

.dropdown-icon {
    position: absolute;
    right: 10px;
    top: -8px;
}

.sim-boxcard-input {

    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-appearance: none;
    background-color: #FFF;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #DCDFE6;
    box-sizing: border-box;
    color: #606266;

    font-size: inherit;
    width: 100%;
    height: fit-content;
    min-height: 30px;
    outline: 0;
    padding: 0 5px;
    transition: border-color .2s
}

.sim-boxcard-input .subInput {
    outline-style: none;
    border: none;
    width: 100%;
    font-size: small;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.sim-subconfig-modelchose .el-input--prefix .el-input__inner {
    padding-left: 50px;

}

.sim-subconfig-modelchose .el-input--suffix .el-input__inner {
    padding-right: 0px;
}


.sim-feature-extraction {
    width: fit-content;
}

.sim-subconfig-featureExtraction {
    display: flex;
    align-items: center;
    width: 220px;
    position: relative;
    margin-left: 8px;
    justify-content: flex-start;
}

/* 地图底图样式控制 */
.mapLayersContainer {
    position: absolute;
    bottom: 70px;
    left: 15px;
    z-index: 9;
    font-size: 22px;
    color: rgba(0, 60, 136, 0.5)
}

.mapLayersCard {
    position: absolute;
    width: 248px;
    height: fit-content;
    bottom: 0px;
    left: 30px;
    z-index: 9;
    border: 1px solid rgb(204, 201, 201);
    background-color: rgb(237, 239, 239);
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;


}

.mapLayerGroup {
    display: flex;
    flex-direction: column;
    padding: 5px 10px;
}

.layerGroupTitle {
    margin-bottom: 5px;

}

.layerGroupTitle p {
    font-size: 14px;
    font-weight: bold;
    color: rgb(76, 118, 199);

}

.layerGroupContent {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.layerbox {
    margin: 0 2px;
    position: relative;
    width: 70px;
    height: 70px;

    border: 1px solid rgb(204, 201, 201);

    border-radius: 2px;
}

.layerbox:hover {
    border-color: rgb(20, 121, 215);
}

.layerbox:hover p {
    background: rgb(20, 121, 215)
}

.layerbox img {
    width: 70px;
    height: 70px;
    object-fit: cover;

}

.layerbox p {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 14px;
    color: #FFF;
    padding: 2px 4px;
    background: rgba(128, 128, 128, 0.664);

}

/* 模拟结果 */
.sim-result {
    width: 260px;
    top: 160px;
    left: -265px;
    max-height: 70vh;
    position: fixed;
    transition: all 300ms ease-in-out;
}

.sim-result .subtitle {

    cursor: pointer;
}

.sim-result .sim-modelconfig-subconfig {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}

.resultItem {
    display: flex;
    flex-direction: row;
    margin-bottom: 5px;
    width: 100%;
}



.sim-result .el-switch__label {
    color: rgb(76, 118, 199);
}

.sim-result .el-switch__label.is-active {
    color: #303133;
}

.chart-container {

    position: absolute;

    left: 50vw;
    bottom: 20vh;
    transform: translate(-50%, 0);

    z-index: 12;
    box-sizing: border-box;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px;
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
    padding: 10px 0px 10px 0px;
    width: fit-content;
    height: fit-content;

}

.chart-container .chartbox {
    width: 100%;
    height: 100%;
}

.chart-container .iconbox {
    position: absolute;
    right: 3.6px;
    top: 8px;
    z-index: 13;
    color: gray;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

/* 气象数据属性展示卡片 */
.attribute-box {
    height: fit-content;
    width: fit-content;
    position: absolute;
    top: 30%;
    right: 5%;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    border-radius: 6px;

    box-sizing: border-box;
    padding: 10px;
}

.attribute-box .attribute-item {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.attribute-item span {
    margin-right: 10px;
    width: fit-content;
    text-align: end;
    font-weight: bold;
}

.attribute-item .value {}

/* 敏感性分析 */
.sensitive_analyse {
    width: fit-content;
    height: fit-content;
    top: 160px;
    left: 50%;
    transform: translate(-50%, 0);
}

.sensitive_analyse .sa_content {
    width: fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
}

.sensitive_analyse .sa_content .sa_contentbox {
    height: fit-content;
    width: 100%;

}

.sa_content .sa_stepbar {
    width: 100%;
    width: 680px;
    height: fit-content;
    border-bottom: 1px solid #bfcce5;

}

.sa_content .sa_stepbar .steps {
    /* background-color: rebeccapurple; */
    border-radius: 0px;
    padding-left: 15px;
    padding-right: 15px;

}

.sa_content .sa_contentbox1 {
    width: 100%;
    display: flex;
    flex-direction: row;
    height: fit-content;
}

.sa_content .sa_contentbox1 .leftcontent {
    width: fit-content;
    height: 300px;
    padding-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f7f8f9;

}

.leftcontent .sim-topiconcard {
    margin-bottom: 10px;
}

.sa_content .sa_contentbox1 .rightcontent {

    height: 100%;
    background-color: red
}

/* 降水预报 */
/* 配置界面 */
.sim-rainfallForcast {
    width: 360px;
}

.sim-rainfallconfigcontent {
    padding: 20px 10px 10px 10px;
}

.sim-rainfallForcast .uploadFileItem {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;
    /* height: 15px; */
    /* background-color: red; */
}

.sim-rainfallForcast .uploadFileItem span {
    width: 22%;
    text-align: right;
    margin-right: 10px;
    height: fit-content;
}

.sim-rainfallForcast .uploadFileItem .itemContainer {
    width: 78%;
    display: flex;
    flex-direction: row;
    align-content: center;
}

.sim-rainfallForcast .uploadFileItem .itemContainer .el-upload {
    width: 245px;
    display: flex;
    align-items: center
}

.sim-rainfallForcast .uploadFileItem .rainfallDatePicker {
    display: flex;
    align-items: center;
    width: 200px;

    position: relative;

    justify-content: flex-start;
}

.sim-rainfallForcast .uploadFileItem .rainfallDatePicker span {
    width: fit-content;
    height: 100%;
    text-align: center;
    transition: all .3s;
    margin: 0px;
}


.sim-rainfallForcast .uploadFileItem .rainfallDatePicker i {
    /* position: absolute;
    right: 0px;
    top: 100%; */
    cursor: pointer;
    color: gray;
    font-size: 20px;

    /* background-color: red; */
}

.sim-rainfallForcast .rainfallBtnGroup {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 10px;
    margin-right: 20px;
}

.sim-rainfallForcast .rainfallBtnGroup .loading {
    display: flex;
    justify-content: center;

    position: absolute;
    left: 10px;
}

/* 展示界面 */
.rainfallforcast-color {
    width: fit-content;
    height: 40px;
    padding: 5px 15px;
    z-index: 9;
    position: absolute;
    bottom: 20px;
    left: 60px;

    display: flex;
    align-items: center;
    background-color: rgba(124, 120, 120, 0.2);
    border-radius: 5px;
    /* box-shadow: 2px 2px 2px #aaa; */
    opacity: 0.9;
}

.rainfallforcast-color .color-bar {
    display: flex;
    height: fit-content;
    flex-direction: column;
    /* background-color: red; */
}

.rainfallforcast-color .color-bar .color {
    width: fit-content;
    height: fit-content;
    display: flex;
}

.rainfallforcast-color .color-bar .label {
    display: flex;
    height: fit-content;
    width: fit-content;
    font-size: 12px;
}

.rainfallforcast-color .color-bar .color-item {
    width: 36px;
    height: 12px;
}

.rainfallforcast-playDiv {
    width: fit-content;
    height: 40px;
    padding: 5px 15px;

    z-index: 9;
    position: absolute;
    bottom: 20px;
    right: 50%;
    transform: translate(50%);
    display: flex;
    align-items: center;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    box-shadow: 2px 2px 2px #aaa;
    opacity: 0.9;
}



.rainfallforcast-playDiv .timeName {
    width: 185px;
    font-weight: bold;
    margin-right: 16px;
}

.rainfallforcast-playDiv .block {
    width: 200px;
    margin-right: 14px;
}

.rainfallforcast-playDiv i {
    padding-left: 6px;
    padding-right: 6px;
    font-size: 20px;
}

.loading {
    /* display: flex;
    justify-content: center; */
    position: absolute;
    width: 100%;
    height: calc(100vh - 140px);
    /* background-color: red; */
    z-index: 9;
    right: 50%;
    transform: translate(50%);
    top: 140px;
}

.loading .el-loading-spinner svg {
    width: 60px;
    height: 60px;
}

.loading .el-loading-spinner p {
    font-size: 20px;
    text-align: center;
}

/* 新版滑动配置页面卡片 */
.configCard-slider {
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 9;
    top: 145px;
    /* width: 360px; */
    height: fit-content;
    max-height: 78vh;
    min-height: 100px;
    /* right: -365px; */
    width: fit-content;
    right: 0px;
    transform: translate(110%, 0%);
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    border-radius: 2px;
    background-color: #f5f5f5;
    box-sizing: border-box;
    transition: all 300ms ease-in-out;
}

.configCard-slider .el-loading-text {
    text-align: center;
}

.configCard-slider .title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: rgb(20, 121, 215);
    color: white;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 5px 6px;
    height: fit-content;
}

.configCard-slider .title .titleIcon {
    display: flex;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.configCard-slider .title .titleIcon i {
    font-size: 20px;
    margin-right: 5px;
}

.configCard-slider .title .titleIcon p {
    font-size: 18px;
}

.configCard-slider .title .exitIcon i {
    font-size: 20px;
}

.configCard-slider .container {
    width: 100%;
    min-height: 50px;
    height: fit-content;
    overflow: auto;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 10px 10px;
}

.configCard-slider .container .btnGroup .el-form-item__content {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.configCard-slider .container .btnGroup .upload-demo {
    margin-right: 10px;
}

.configCard-slider .container .el-form-item {
    margin-bottom: 10px;
}

.configCard-slider .container .el-form-item .el-select {
    width: 100%;
}

.floatingCard {
    width: 310px;
    height: fit-content;
    position: absolute;
    right: 50vw;
    top: 56vh;
    background-color: #f5f5f5;
    transform: translate(50%, -50%);
    z-index: 10;

}

.floatingCard .title {
    margin-bottom: 10px;
}

.floatingCard .el-form-item {
    margin-bottom: 10px;
}



.CAResultCard {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9;
    height: 50vh;
    width: 360px;
    right: 50vw;
    top: 56vh;
    background-color: white;
    transform: translate(50%, -50%);

    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    border-radius: 2px;
    box-sizing: border-box;

}

.CAResultCard .title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: rgb(20, 121, 215);
    color: white;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 5px 6px;
    height: fit-content;
}

.CAResultCard .title span {
    font-size: 18px;

    width: 100%;

}

/* 模型库配置界面 */
.model-repository {
    top: 200px;
    width: 250px;
    left: -365px;
    transition: all 300ms ease-in-out;
}

.model-repository .modelItem {
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 5px 20px;
    border-bottom: 1px solid rgb(222, 223, 227);
    cursor: default
}

.model-repository .modelItem span {
    font-size: 14px;
    color: #606266;
}

.model-repository .modelItem button {
    padding: 2px 16px;
    background: #f5f5f5;

    outline: none;
    border-radius: 4px;
    border: 1px solid #f5f5f5;
    color: rgb(20, 121, 215);
    font-weight: 500;
    font-size: 13px;
    cursor: pointer;
}

.freemodelConfig {
    right: 10px;

    width: fit-content;
    min-width: 360px;

}

.freemodelConfig .divider {
    background-color: #DCDFE6;
    height: 1px;
    width: 100%;
    margin: 20px 0px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.freemodelConfig .divider span {
    color: rgb(20, 121, 215);
    font-size: 18px;
    font-weight: 600;
    background-color: #f5f5f5;
    padding: 0px 10px;
}

.freemodelConfig .el-divider__text {
    background-color: rgb(245, 245, 245);
    border-radius: 6px;
    color: rgb(20, 121, 215);
    font-size: 18px;
    font-weight: 600;
    padding: 5px 10px;
}
.verification .el-divider__text {
    background-color: #f5f5f5;
    color: #1479d7;
    /* font-weight: bold; */
}
.freemodelConfig .el-divider--horizontal {
    margin: 20px 0px;
}

.freemodelConfig .modelConfigItem {
    width: 100%;
    height: fit-content;
    display: flex;
    /* background-color: red; */
    align-items: center;
    margin: 5px 0px;
    padding: 0px 8px;
    box-sizing: border-box;
    justify-content: space-between;
}



.freemodelConfig .modelConfigItem .item-info {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: fit-content;
    margin-right: 15px;
}

.freemodelConfig .modelConfigItem .item-info .item-name {
    display: flex;
    align-items: center;
}

.freemodelConfig .modelConfigItem .item-info .item-name :nth-child(1) {
    color: red;
    font-size: 18px;
}

.freemodelConfig .modelConfigItem .item-info .item-name :nth-child(2) {
    font-weight: 600px;
}

.freemodelConfig .modelConfigItem .item-info .item-description {
    color: #606266;
    font-style: italic;
    font-size: 14px;
}

.freemodelConfig .modelConfigItem .item-content {
    display: flex;
    align-items: center;
    width: 200px;
}

.freemodelConfig .modelConfigItem .item-content i {
    margin-left: 10px;
    font-size: 20px;
    color: rgba(96, 98, 102, 0.5);
}

.freemodelConfig .container .Operation {
    width: 100%;
    box-sizing: border-box;
    margin-top: 5px;
    padding-right: 10px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.freemodelConfig .container .Operation .el-button--primary {
    height: 35px;
}